<template>
  <div class="index">
    <div class="my-header"><myheader></myheader></div>
    <div class="my-content">
      <div class="binner-wrapper"><binner></binner></div>
      <div class="scenes-wrapper"><scenes></scenes></div>
    </div>
    <div class="my-footer"><myfooter></myfooter></div>
  </div>
</template>

<script>
import myheader from '@/components/public/header/header.vue';
import myfooter from '@/components/public/footer/footer.vue';
import binner from '@/components/index/binner/binner.vue';
import scenes from '@/components/index/scenes/scenes.vue';

export default {
  components: {
    myheader,
    binner,
    scenes,
    myfooter
  }
};
</script>

<style lang="stylus" rel="stylussheet/stylus">

.my-content
  background-color #F8F8F8
  padding-bottom 2.5rem
  .binner-wrapper
    width 74.375rem
    margin 0 auto
  .scenes-wrapper
    width 74.375rem
    margin 2.5rem auto 0 auto
</style>
